/* mobile */

.mobile-filter-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

@media (max-width: 576px) {
    .diplay-responsive {
        display: block !important;
    }
    .diplay-responsive select {
        margin-bottom: 10px;
    }
    .diplay-responsive input {
        margin-bottom: 10px;
    }
    .sidebar {
        padding: 0 !important;
        margin: 0 !important;
    }

    .blog-content {
        padding: 0 !important;
        margin: 0 !important;
    }
    .desktop {
        display: none !important;
    }
}

/* tablet */

@media (min-width: 577px) and (max-width: 992px) {
    .diplay-responsive {
        display: block !important;
    }
    .diplay-responsive select {
        margin-bottom: 10px;
    }
    .diplay-responsive input {
        margin-bottom: 10px;
    }
    .mobile {
        display: none !important;
    }
}

/* desktop */

.desktop-filter-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .mobile {
        display: none !important;
    }

    .diplay-responsive {
        display: flex !important;
        flex-direction: column !important;
    }

    .desktop-layout {
        display: flex;
        align-items: flex-start;
    }

    .desktop-filter-card {
        position: sticky;
    }
}